<!doctype html>
<!--
    @license
    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
    Code distributed by Google as part of the polymer project is also
    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->
<html>
  <head>
    <title>Template Test</title>
    <script src="../../tools/htmltest.js"></script>
    <script src="../../tools/chai/chai.js"></script>
    <script src="../../../src/Template/Template.js"></script>
  </head>
  <body>
    <template>
      <span id="content">Hello World!</span>
    </template>

    <script>
      addEventListener('DOMContentLoaded', function() {
        var template = document.querySelector('template');
        chai.assert.equal(template.childNodes.length, 0, 'template children evacipated');
        chai.assert.isDefined(template.content, 'template content exists');
        chai.assert.equal(template.content.childNodes.length, 3, 'template content has expected number of nodes');
        var content = document.querySelector('#content');
        chai.assert.isNull(content, 'template content not in document');
        document.body.appendChild(document.importNode(template.content, true));
        content = document.querySelector('#content');
        chai.assert.isDefined(content, 'template content stamped into document');
        done();
      });
    </script>
  </body>
</html>
